<!-- Based on FF test originally written by Ethan Lin.
Changed it to force repeating the border image twice along x.
Original can be found in:
https://hg.mozilla.org/mozilla-central/raw-file/tip/layout/reftests/w3c-css/submitted/background/
-->
<style type="text/css">
   .outer {
      position: absolute;
      left: 0px;
      top: 0px;
      border: 27px solid transparent;
      border-image: url("border.png") 27;
      border-image-repeat: space space;
      width: 54px;
      height: 27px;
   }
</style>

<div class="outer"></div>
